import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:moose_app/ui/values/values.dart';
import 'package:moose_app/ui/widgets/user/user_avatar.dart';

class ATHVideoRightInfo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return _buildRightInfo(context);
  }

  Widget _buildRightInfo(BuildContext context) {
    return Positioned(
      right: 0,
      bottom: kSize300,
      child: Container(
        width: kSize140,
        height: kSize750,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Container(
                margin: EdgeInsets.only(right: kSize16),
                child: ATHUserAvatar()),
            _buildOperatorItem(
                iconPath: "assets/icons/icon_heart.svg", number: "500w"),
            _buildOperatorItem(
                iconPath: "assets/icons/icon_comment.svg", number: "100w"),
            _buildOperatorItem(
                iconPath: "assets/icons/icon_share.svg", number: "20w"),
          ],
        ),
      ),
    );
  }

  Widget _buildOperatorItem({String iconPath, String number}) {
    return Column(
      children: [
        SvgPicture.asset(
          iconPath,
          height: kSize58,
          color: Colors.white,
        ),
        Text(
          number,
          style: TextStyle(color: Colors.white, fontSize: kFontSize28),
        )
      ],
    );
  }
}
